<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formCosteoImportacion">
                    <p:tabView id="tabFormulario" dynamic="true">

                        <p:tab id="tab1" title="#{BKCliente.comando.nombre eq 'Guardar'?'Registrar Cliente':'Actualizar Cliente'}">
                            <p:panel header="Registrar Courier" style="width:100%;margin: 10px auto;">

                                <p:panelGrid  style="width:100%;margin: 10px auto;" id="panelCosteoImportacion">

                                    <p:row>
                                        <p:column>
                                            <h:outputText value="FACTURA IMPORTACION: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputText value="#{BKCosteoImportacion.costeoFormulario.idFacturaCompra.numeroFactura}" id="txtFactura" readonly="true" size="60" />
                                            <cote:componenteFindCompraFacturacion id="findFactura" 
                                                                                  lblbtnfind="Buscar factura"                                                                                                      
                                                                                  update=":formCosteoImportacion:tabFormulario:txtFactura,:formCosteoImportacion:tabFormulario:dataTablaDetalle"
                                                                                  tipo="#{BKCosteoImportacion.costeoFormulario.idFacturaCompra.tipoCompPago}"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4" style="padding: 0">
                                            <p:dataTable id="dataTablaDetalle" var="detalle" widgetVar="carsTable"
                                                         value="#{BKCosteoImportacion.listaCosteoArticulo}" style="font-size: 9px;margin: 10px 0"
                                                         editable="true" emptyMessage="No se encontro detalle del costeo">
                                                <p:columnGroup type="header">  
                                                    <p:row>  
                                                        <p:column rowspan="2" headerText="Producto" />  
                                                        <p:column rowspan="2" headerText="Cantidad" />  
                                                        <p:column rowspan="2" headerText="FOB $" /> 
                                                        <p:column rowspan="2" headerText="Flete" />  
                                                        <p:column rowspan="2" headerText="Seguro" />  
                                                        <p:column rowspan="2" headerText="CIF" />  

                                                        <p:column colspan="2" headerText="Ad - Valorem" />  
                                                        <p:column colspan="3" headerText="Gastos Varios $" /> 

                                                        <p:column rowspan="2" > 
                                                            <f:facet name="header">  
                                                                Total <br /> Importación
                                                            </f:facet>
                                                        </p:column>
                                                        <p:column rowspan="2" > 
                                                            <f:facet name="header">  
                                                                Costo Unit. <br /> $
                                                            </f:facet>
                                                        </p:column>
                                                    </p:row>  

                                                    <p:row>  
                                                        <p:column headerText="Unit" rendered="false" />  
                                                        <p:column headerText="Total" rendered="false" />  

                                                        <p:column headerText="%" />  
                                                        <p:column headerText="$" />  

                                                        <p:column headerText="Aduana" />  
                                                        <p:column headerText="Otro" />  
                                                        <p:column headerText="Total" />  
                                                    </p:row>  
                                                </p:columnGroup>  

                                                <p:column>

                                                    <p:cellEditor>  
                                                        <f:facet name="output"><h:outputText value="#{detalle.idArticulo.nombreComercial}" /></f:facet>  
                                                        <f:facet name="input"><p:inputText value="#{detalle.idArticulo.nombreComercial}" /></f:facet>  
                                                    </p:cellEditor>  
                                                    <f:facet name="footer">  
                                                        <h:outputText styleClass="negrita" value="Total" style="float: right" />
                                                    </f:facet>  
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.cantidad}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.cantidad}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet> 
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.total}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.total}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.flete}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <p:inputText value="#{BKCosteoImportacion.costeoFormulario.flete}" size="8" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </p:inputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.seguro}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <p:inputText value="#{BKCosteoImportacion.costeoFormulario.seguro}" size="8" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </p:inputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.cif}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.cif}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <p:inputText value="#{detalle.porcAdvalorem}" size="8" />
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.valAdvalorem}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.valAdvalorem}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.aduana}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.aduana}" id="txtAduana" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <p:inputText value="#{detalle.otro}" size="8" />
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.otro}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.gastoTotal}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.gastoTotal}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.totalImportacion}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                    <f:facet name="footer">  
                                                        <h:outputText value="#{BKCosteoImportacion.costeoFormulario.totalImportacion}" style="float: right" >
                                                            <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                        </h:outputText>
                                                    </f:facet>
                                                </p:column>
                                                <p:column>
                                                    <h:outputText value="#{detalle.costoUnitario}" style="float: right" >
                                                        <f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>

                                            </p:dataTable>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="4" style="text-align: center">
                                            <p:commandButton id="btnBuscar" value="CALCULAR" update="dataTablaDetalle" process="@this dataTablaDetalle" icon="ui-icon-calculator"
                                                             style="font-size: 10px" actionListener="#{MBCosteoImportacion.calcularTabla}" />
                                        </p:column>
                                    </p:row>
                                </p:panelGrid>   
                            </p:panel>
                        </p:tab>
                        <p:tab title="Gasto Aduana" transient="true">
                            <ui:include src="gastoAduana.xhtml" /> 
                        </p:tab>
                    </p:tabView> 
                    <p:panelGrid style="width:40%;margin: 10px auto;">

                        <p:row>
                            <p:column>
                                <p:commandButton  action="#{BKCosteoImportacion.comando.aceptar()}" ajax="false" value="#{BKCosteoImportacion.comando.nombre}"/>
                            </p:column>
                            <p:column>
                                <p:commandButton action="#{MBCosteoImportacion.cancelar()}" immediate="true"  ajax="false" value="Cancelar"/>
                            </p:column>
                        </p:row>	

                    </p:panelGrid>
                    <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>

                </h:form>

            </f:view>
        </ui:define>
    </ui:composition>
</html>   